<%-- 
    Document   : Consultas
    Created on : 25/10/2013, 09:35:58 AM
    Author     : manuel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Consultas</title>
        <link rel="stylesheet" type="text/css" href="estilos.css" />
    </head>
    <body>
        <h1>Consultas</h1>
        
             <form id="menu" action="OperacionServlet" method ="POST">
            <input type="button" id="botonCsultCitasPaciente" value="Doctor">
            <input type="button" id="botonCsultCitasMedico" value="Centro Médico">
            <input type="button" id="botonCsultPaciente" value="Paciente">
        </form>
        
        <%-- 
            Se importan los scripts necesarios para crear el popup de la biblioteca funcybox
        --%>
        <script type="text/javascript" src="Scripts/FancyBox/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" src="Scripts/FancyBox/FancyBox/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="Scripts/FancyBox//FancyBox/jquery.fancybox-1.3.4.css">
        
        
         <a id="linkCsultCitasPaciente" href="Consultas/CsultCitaPaciente.jsp"></a>
         <a id="linkCsultCitasMedico" href="Consultas/CsultCitaDoctor.jsp"></a>
         <a id="linkCsultPaciente" href="Consultas/CsultPaciente.jsp"></a>



        <%-- 
            Scripts encargados de ligar cada boton con la pagina destino y mostrar el popup
        --%>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#linkCsultCitasPaciente").fancybox({
                    'width': '80%',
                    'height': '80%',
                    'autoScale': false,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'iframe'
                });
                $("#botonCsultCitasPaciente").click(function() {
                    $("#linkCsultCitasPaciente").trigger('click');
                });
            }); // ready
            
                        $(document).ready(function() {
                $("#linkCsultCitasMedico").fancybox({
                    'width': '80%',
                    'height': '80%',
                    'autoScale': false,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'iframe'
                });
                $("#botonCsultCitasMedico").click(function() {
                    $("#linkCsultCitasMedico").trigger('click');
                });
            }); // ready
            
                        $(document).ready(function() {
                $("#linkCsultPaciente").fancybox({
                    'width': '80%',
                    'height': '80%',
                    'autoScale': false,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'iframe'
                });
                $("#botonCsultPaciente").click(function() {
                    $("#linkCsultPaciente").trigger('click');
                });
            }); // ready
            
        </script>
        
    </body>
</html>
